@charset "utf-8";
/* CSS Document */

/* selecctor universal */

* {
margin:0;
padding:0;
border:0;}








.input_comun {
  border: solid 1px #69b700;
}

.input_focus {
  border: solid 1px #fdd702;
}








/* selecctores de etiquetas */

body {
background-color:#ececec;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

#header {
background-image:url(../img/fondo_botonera.jpg);
background-color:#ececec;
width:989px;
height:109px;
margin:auto;
}

#logo {
width:142px;
height:109px;
margin-left:40px;
float:left;
}

#login {
width:85px;
height:109px;
margin-left:205px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#servicios {
width:117px;
height:109px;
margin-left:-65px;
padding:0 0 0 105px;   /* arr  der  aba   izq  */
float:left;
}

#contacto {
width:117px;
height:109px;
margin-left:27px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#selector_pais {
width:117px;
height:109px;
margin-left:55px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#print {
width:33px;
height:26px;
margin-left:35px;
margin-top:8px;
float:left;
padding:0 0 0 0;   /* arr  der  aba   izq  */
}

#print_texto {
color:#333333;
width:55px;
height:26px;
margin-top:8px;
float:left;
line-height:1.2;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../img/servicios2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 117px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../img/login2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav1 img
{
width: 85px;
height: 109px;
border: 0
}

.cssnav1 a:hover img
{
visibility:hidden
}

.cssnav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../img/contacto2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 117px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../img/iconos_herramientas/print2.gif) no-repeat;
white-space: nowrap;
display: block;
width: 33px;
height: 26px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 117px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 117px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 33px;
height: 26px;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 117px;
height: 109px;
border: 0
}

.cssnav2 img
{
width: 117px;
height: 109px;
border: 0
}

.cssnav3 img
{
width: 33px;
height: 26px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 












#herramientas_top {
    background-image:url(../img/fondito_buscador.jpg);
    background-repeat: repeat;
width:989px;
min-height:47px;
margin:auto;
}

#herramientas {
background-color: white;
width: 930px;
min-height: 47px;
margin: auto;
padding-left: 25px;
}

#herramientas div.button{
  float: left;
  width: 120px;
  margin: 3px 3px 3px 0;
}

#herramientas div.icon{
  float: left;
  width: 35px;
  margin: 3px 0 3px 3px;  
}

#herramientas div.icon:hover{
  opacity: 0;
}

#herramientas div.label{
  float: left;
  margin: 3px;
  width: 70px;   
}

#herramientas .volver_arriba {
    float: left;
    margin: 20px 0 0 40px;
}

#verde_nombre {
    background-image: url(../img/gradient_verde.jpg);
    height: 35px;
}

.flecha, .flecha_back {
    background-image: url(../img/inicio.jpg);
    background-repeat: no-repeat;
    width: 19px;
    height: 25px;
    margin: auto;
    margin-top: 3px;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    padding: 0 0 0 0;
    float: left;    
}

.flecha_back {
    background-image: url(../img/inicio2.jpg);
}

#primero {
    width: 270px;
    height: 17px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    padding: 8px 2px 2px 4px;
    float: left;
}

#segundo {
    width: 610px;
    height: 17px;
    padding: 9px 0 0 4px;
    float: left;
}

#bprint {
    background: url(../img/iconos_herramientas/print2.gif) no-repeat;
}













#lateral_izquierdo {
background-image:url(../img/sombra_izq_anguloB.jpg);
width:21px;
height:47px;
float:left;
margin-left:-2px;
}

#centro_top_top {
width:952px;
min-height:364px;
float:left;
}

#centro_top{
width:952px;
background-color: white;
}

#centro_top div{
float: left;
margin: 8px 3px 8px 3px;
}

#contenido_buscador{
background-color:#FFFFFF;
background-image:url(../img/fondo_buscador.jpg);
background-position: 75px 28px;
background-repeat: no-repeat;
width:952px;
min-height:364px;
}

#buscador{
width:952px;
min-height:364px;
}

#fondo_mapa{
background-image:url(../img/fondo_buscador.jpg);
background-repeat:no-repeat;
background-position:center;
width:620px;
height:365px;
margin-left:75px;
}

#campos{
width:400px;
height:365px;
margin-left:75px;
margin:auto;
}

#arriba{
width:350px;
height:90px;
margin:auto;
}

#almedio{
	width:400px;
	height:190px;
	position:absolute;
	margin:auto;
	z-index:4;
	margin-left:-10px;
}

#almedio_fondo{
background-image:url(../img/fondo_buscador_campos.jpg);
opacity:0.4;
filter:alpha(opacity=40);
/*border:2px solid #336600;
-moz-border-radius:10px;   redondeado */
width:336px;
height:180px;
margin:auto;
margin-left:29px;
margin-top:5px;
}
.transparente{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}




#lateral_derecho {
background-image:url(../img/sombra_derecha_anguloB.jpg);
width:15px;
height:47px;
float:left;
margin-left:1px;
}

#titulo_lateral_izquierdo_dos{
background-color:#000000;
background-image:url(../img/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:100%;
float:left;
}

#dinamico_regula_alto{  
background-image:url(../img/fondito_buscador.jpg);
background-repeat:repeat-y;                                   
background-color:#000000;
width:989px;
min-height:324px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
margin:auto;
margin-top:-5px;
}

#banners{
background-color:#FFFFFF;
width:186px;
height:360px;
position:absolute;
z-index:7;
float:left;
margin-left:766px;
margin-top:-366px;
padding:0 0 6px 0;   /* arr  der  aba   izq  */
}

#fondo_atras{
background-color:#999999;
width:184px;
height:366px;
margin-top:-1px;
margin-left:0px;
position:relative;
z-index:2;
float:left;
}

#banner_top{
background-color:#CCCCCC;
width:180px;
height:120px;
margin-top:2px;
margin-left:2px;
}

#banner_middle{
background-color:#CCCCCC;
width:180px;
height:240px;
margin-left:2px;
margin-top:2px;
}


#titulo_lateral_derecho{
background-color:#FF0000;
background-image:url(../img/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:100%;
float:left;
}


#margen_izq {
background-color:#000000;
background-image:url(../img/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:50px;
margin:auto;
float:left;
}


#margen_der {
background-color:#000000;
background-image:url(../img/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:50px;
margin:auto;
float:left;
}


#botonera_fondo{
width:989px;
margin:auto;
}

#botonera_contenido{
background-image:url(../img/botonera_fondo.jpg);
width:989px;
height:98px;
margin:auto;
float:left;
}
#texto_uno {
width:195px;
height:50px;
margin-left:130px;
margin-top:19px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#texto_dos {
width:195px;
height:50px;
margin-top:19px;
margin-left:110px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#texto_tres {
width:140px;
height:58px;
margin-top:19px;
margin-left:150px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

a {
text-decoration:none;
color:#006699;
}

a:hover {
color:#666666;
}

h1 {
font-size:13px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-size:12px;
color:#CCFF33;
font-family:Arial, Helvetica, sans-serif;
}

h3 {
padding:0 0 5px 0;
font-size:12px;
font-family: Lucida Sans, Helvetica, sans-serif;
color:#339900;
line-height: 1.3;
}

h4 {
padding:0 0 5px 0;
font-size:11px;
font-family: Lucida Sans, Helvetica, sans-serif;
line-height: 1.3;
}

#contenedor_imagen {
    float: left;
}

#dinamico {
    background-color: white;
}

#titulo_descripcion, #titulo_composicion, #titulo_accion,
#titulo_especie, #titulo_presentacion, #titulo_principio_activo, #titulo_indicaciones, #titulo_aplicacion, #titulo_dosificacion {
    float:left;
color:#315100;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

 
#texto_descripcion, #texto_composicion, #texto_accion,
#texto_especie, #texto_presentacion, #texto_principio_activo, #texto_indicaciones, #texto_aplicacion, #texto_dosificacion {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 9px 0;   /* arr  der  aba   izq  */
}











































